//margin

$limit: 100;
@for $i from 0 through $limit {
  .margin-#{$i} {
    margin: #{$i}px;
  }
}

@for $i from 0 through $limit {
  .margin-top-#{$i} {
    margin-top: #{$i}px;
  }
}

@for $i from 0 through $limit {
  .margin-right-#{$i} {
    margin-right: #{$i}px;
  }
}

@for $i from 0 through $limit {
  .margin-bottom-#{$i} {
    margin-bottom: #{$i}px;
  }
}

@for $i from 0 through $limit {
  .margin-left-#{$i} {
    margin-left: #{$i}px;
  }
}

//padding

@for $i from 0 through $limit {
  .padding-#{$i} {
    padding: #{$i}px;
  }
}

@for $i from 0 through $limit {
  .padding-top-#{$i} {
    padding-top: #{$i}px;
  }
}

@for $i from 0 through $limit {
  .padding-right-#{$i} {
    padding-right: #{$i}px;
  }
}

@for $i from 0 through $limit {
  .padding-bottom-#{$i} {
    padding-bottom: #{$i}px;
  }
}

@for $i from 0 through $limit {
  .padding-left-#{$i} {
    padding-left: #{$i}px;
  }
}

@mixin full-width-height {
  width: 100%;
  height: 100%;
}

$--margin-layout-inline: 7px;
$--color-white: #ffffff;
$--color-base: #01B4DE;
//收缩容器
$--background-color-toggle-container: #07274A;
$--background-color-toggle-container-header: #002D5D;
$--height-toggle-container-header: 44px;
$--width-toggle-container-collapsed: 30px;
$--color-toggle-container-header: #F7F7F7;
$--color-toggle-container-header-control: #348ECD;
$--border-color-toggle-container-header-control: #348ECD;
$--color-toggle-container-body: #90C3E9;
$--margin-toggle-container-body-inner: 15px;
//搜索框
$--background-color-input-search-container: #023462;
$--border-color-input-search-container: #001D43;
$--border-radius-input-search-container: 4px;
$--color-input-search-container: #4788C1;
$--color-input-search-container-icon: #4FB2DA;
$--height-input-search-container: 32px;
//tree菜单
$--background-color-el-menu: transparent;
$--color-el-submenu__title: #9AC9F0;
$--height-el-submenu__title: 36px;
$--border-left-color-selected-menu: #00CDFE;
//ListView
$--height-list-view-item: 36px;
$--color-list-view-item: #CFEBFF;
//FormPanel
$--height-form-panel-footer: 44px;

//Drawer
$--background-el-drawer__header: #003D6E;
$--color-el-drawer__header: #FFFFFF;
$--color-el-drawer: #5ED1FF;
$--background-image-el-drawer: radial-gradient(50% 94%, #003164 52%, #002A52 95%);
$--box-shadow-el-drawer: 0 2px 10px 0 rgba(0, 0, 0, 0.40);
$--color-el-dialog__close: #01AEFC;
$--height-el-drawer__header: 36px;
//Input 输入框
$--background-el-input__inner: #023462;
$--border-el-input__inner: 1px solid #001D43;
$--box-shadow-el-input__inner: rgba(0, 21, 61, 0.35) 0px 0px 4px 0px, rgb(4, 59, 130) 0px 1px 1px 0px inset;
$--border-color-checkbox__inner: #0171AB;
//Select 选择器
$--border-el-select-dropdown: solid 1px #001D43;
$--border-color-popper__arrow: #001d43;
$--border-color-popper__arrow__after: #03316c;
$--background-color-el-select-dropdown__item: #0a4fa7;

//Form 表单
$--color-el-form-item__label: #5ED1FF;


//DatePicker 日期选择器
$--border-right-el-date-range-picker: 1px solid #023462;
$--color-el-date-range-picker-today: #0772ff;

//Table 表格

//custom-button
$--color-custom-button: #4DCBFF;
$--color-custom-button-icon: #4DCBFF;
//split-vline
$--background-split-vline: linear-gradient(180deg, rgba(4, 146, 209, 0.25) 0%, rgba(4, 146, 209, 0.74) 49%, rgba(4, 146, 209, 0.25) 99%);

//page-layout
$--height-page-layout-header: 44px;
$--background-page-layout-header: #012853;
$--color-page-layout-header-title: #FFFFFF;

//CardPanel
$--margin-card-panel-body: 15px;
$--padding-card-panel-body: 30px;
$--background-card-panel-body: radial-gradient(50% 92%, #003164 50%, #002a52 93%);

//自定义选项卡
$--color-plain-tabs-item: #348ECD;
$--color-plain-tabs-item-active: #FFFFFF;


//echarts
$--line-style-color: #133E71;
$--legend-text-style-color: #85D7FA;
$--color-xAxis-label: #87DAFC;
:export {
  widthToggleContainerCollapsed: $--width-toggle-container-collapsed;
  lineStyleColor: $--line-style-color;
  axisLabelColor: $--color-xAxis-label;
  xAxisAxisLabelColor: $--color-xAxis-label;
  legendTextStyleColor: $--legend-text-style-color;
}

